<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/selective.css">
	</head>
	<body>
		<!-- header -->
		<div class="header">
			<span class="top-title">优选</span>
		</div>
		<div class="banner-1">
			<img src="./img/selective/images/banner-1.jpg" alt="">
		</div>
		<div class="nav">
			<ul class="nav-list">
				<li><img src="./img/selective/images/photo-1.jpg" alt="">
					<p>本家推荐</p>
				</li>
				<li><img src="./img/selective/images/photo-2.jpg" alt="">
					<p>挑选推荐</p>
				</li>
				<li><img src="./img/selective/images/photo-3.jpg" alt="">
					<p>私物推荐</p>
				</li>
				<li><img src="./img/selective/images/photo-4.jpg" alt="">
					<p>本家LOOK</p>
				</li>
			</ul>
		</div>
		<div class="selective">
			<div class="title">本家甄选</div>
			<div class="item-top">
				<img src="./img/selective/images/pic-1.jpg" alt="">
				<div class="contain">
					<p>叠韵滤光器，氛围造型大师</p>
					<p class="contain-bottom">光笼，来自斯德哥尔摩的光晕礼赞</p>
				</div>
			</div>
			<div class="item">
				<div class="contain">
					<div class="item-title">编织底双色鞋子 多色可选</div>
					<p>透气性好，时尚感强</p>
				</div>
				<img src="./img/selective/images/photo-3.jpg" alt="">
			</div>
			<div class="item">
				<div class="contain">
					<div class="item-title">炻瓷储物罐系列</div>
					<p>避光密封 坚韧耐摔 多道工序 匠心制
						作拥有更久的赏味期限</p>
				</div>
				<img src="./img/selective/images/photo-4.jpg" alt="">
			</div>
		</div>
		<!-- 十点一刻 -->
		<div class="conversation">
			<div class="title">十点一刻</div>
			<div class="bg">
				<div class="topic">—— 今日话题 ——</div>
				<div class="adage">一念之间的重要性</div>
				<div class="question">有没有哪个瞬间的念头，改变你一段时间的
					生活轨迹？</div>
			</div>
		</div>
		<!-- 本家推荐 -->
		<div class="recommend">
			<div class="title">
				本家甄选
			</div>
			<img src="./img/selective/images/pic-2.jpg" alt="">
			<div class="contain">
				<p>夏季出游必备</p>
				<p class="contain-bottom">舒心出行，本家为你推荐的5个tips不能忘</p>
			</div>
		</div>
		<!-- 本家LOOK -->
		<div class="look">
			<!-- <div class="look-bg">
				
			</div> -->
			<div class="look-title">
				本家LOOK
			</div>
			<div class="look-item">
				<div class="top">
					<div class="left"><img src="./img/selective/images/look-1.jpg" alt=""></div>

					<div class="right">
						<img src="./img/selective/images/look-2.jpg" alt="">
						<img src="./img/selective/images/look-3.jpg" alt="">
					</div>
				</div>

				<div class="text">给牛仔加点火山岩</div>
			</div>
			<div class="look-item">
				<div class="top">
					<div class="left"><img src="./img/selective/images/look-4.jpg" alt=""></div>
					<div class="right">
						<img src="./img/selective/images/look-5.jpg" alt="">
						<img src="./img/selective/images/look-6.jpg" alt="">
					</div>
				</div>
				<div class="text">夏天的清凉，多亏了这抹茶绿</div>
			</div>
			<div class="look-index">
				<img src="./img/selective/images/look-1.jpg" alt="">
				<div class="text">家的精致主义</div>
			</div>
			<div class="look-item">
				<div class="top">
					<div class="left"><img src="./img/selective/images/look-7.jpg" alt=""></div>
					<div class="right">
						<img src="./img/selective/images/look-8.jpg" alt="">
						<img src="./img/selective/images/look-9.jpg" alt="">
					</div>
				</div>
				<div class="text">你的厨房只是少了它</div>
			</div>
			<div class="look-index">
				<img src="./img/selective/images/look-1.jpg" alt="">
				<div class="text">家的精致主义</div>
			</div>
			<div class="look-index">
				<img src="./img/selective/images/look-5.jpg" alt="">
				<div class="text">收纳，让小家越住越大</div>
			</div>

		</div>
		<div class="footer">
			<ul class="footer-list">
				<li>
					<img src="./img/homepage/images/icon-7.png" alt="">
					<div class="text">首页</div>
				</li>
				<li>
					<img src="./img/homepage/images/icon-8.png" alt="">
					<div class="text">优选</div>
				</li>
				<li>
					<img src="./img/homepage/images/icon-9.png" alt="">
					<div class="text">分类</div>
				</li>
				<li>
					<img src="./img/homepage/images/icon-11.png" alt="">
					<div class="text">购物车</div>
				</li>
				<li>
					<img src="./img/homepage/images/icon-10.png" alt="">
					<div class="text">我的</div>
				</li>
			</ul>
	</body>
</html>
